<template>
  <div class="tablePaper clearfix" v-if="!!PagerOrder">
    <el-pagination style="float: right;"
                   background
                   :page-size="PagerOrder.size"
                   :pager-count="5"
                   :current-page="currPageNum"
                   layout="prev, pager, next"
                   @current-change="currentChange"
                   :total="PagerOrder.count">

    </el-pagination>
    <span class="pagerInfo">共 {{ PagerOrder.count }} 条， 每页 {{ PagerOrder.size }} 条  </span>
  </div>
</template>

<script type="text/ecmascript-6">
  /**
   * Created by yqq on 2019/10/01.
   */
  export default {
    props: {
      //分页数据
      PagerOrder: {},
      //当前页码
      currPageNum: {
        type: Number,
        default: 1
      },

    },
    methods: {
      currentChange(data){
        console.log(data)
        let obj = {
          type: 'paperNumChange',
          data: data
        }
        this.$emit("tablePaperEven", obj);
      },

    },
    mounted() {


    },
    data () {
      return {
        pagerCount: 6
      }
    }
  }
</script>

<style scoped>
  .tablePaper { width: 100%; height: 100%; background: #fff;}
  .pagerInfo{float: right;font-size: 14px;line-height: 32px;margin-right: 10px;}

</style>
